﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/layout.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/Commuting.css">
</head>
<script type="text/javascript" src="js/jquery-3.4.1.js"></script>
<script>

</script>

<body>
    <!-- 头部 -->

    <header id="header">
        <!-- /* 导航栏A */ -->
        <div class="home">
            <ul class="grid home-son">
                <li class="grid-cell-1 home-logo">logo</li>
                <li class="grid-cell-1 home-button"><a class="home-button-a1" href="Commuting.html" target ="_ blank">长途拼车</a></li>
                <li class="grid-cell-1 home-button"><a class="home-button-a2" href="release.html" target ="_ blank">上下班拼车</a> </li>
                <li class="grid-cell-1 home-li"></li>
                <li class="grid-cell-1 home-li"></li>
                <li class="grid-cell-1 home-userName">账号</li>
                <li class="grid-cell-1 home-im"><input id="tixi" type="image" src="img/toux.jpg" alt="" ></li>
            </ul>
            <hr>
        </div>
        <!-- /* 导航栏B */ -->
        <div class="home2">
            <ul class="grid">
                <li class="grid-cell-1 home2-btn1">
                    <a href="release.html">最新拼车</a> 
                </li>
                <li class="grid-cell-1 home2-btn3">
                    <a href="#">发布的拼车</a>
                </li>
                <li class="grid-cell-1 home2-btn4">
                    <a href="#">申请的拼车</a>
                </li>
                <li class="grid-cell-1 home2-btn5">
                    <a href="#">设置拼车关注</a>
                </li>
            </ul>
        </div>

    </header>
    <section id="section">
        <div class="In">
            <div class="In-box1">
                <span class="span1">南宁</span><span class="span2">[</span><a>切换城市</a><span class="span2">]</span><span
                    class="span2">上下班拼车为上下班大搭车，顺风车</span>
                    <input type="button" value="发布拼车" id="hair">
                <div class="In-box1-soux">
                    <div>
                        <div class="In-box1-soux-txt">出发地址：</div>
                        <div class="In-box1-soux-bo">
                            <div class="box1"></div>
                        </div>
                        <input type="text" name="" id="soux-inp">
                    </div>
                    <div>
                        <div class="In-box1-soux-txt">目的地址：</div>
                        <div class="In-box1-soux-bo">
                            <div class="box1"></div>
                        </div>
                        <input type="text" name="" id="soux-inp">
                    </div>
                </div>
                <input type="button" value="搜索" class="In-box1-Sdd">
            </div>
            <div class="In-box2">地图</div>
            <div class="In-box3">
                <div class="In-box3-list1">搜索结果</div>
                <div class="In-box3-list2"></div>
            </div>
            <div class="In-box4">信息列表</div>
        </div>
    </section>
</body>

</html>